import { useIntersectionObserver } from "@vueuse/core";
import {ref} from 'vue'
//数据懒加载函数
export function lazyLoad(api){
    const list =ref([]);
    const target= ref(null);
    const { stop } = useIntersectionObserver(
        target,
        ([{ isIntersecting }], observerElement) => {
          if (isIntersecting) {
            stop()
            // 调用API获取数据
            api().then(data => {
              list.value = data.result
            })
          }
        }
      )
      // 返回--->数据（dom,后台数据）
      return { list,target }
    }